import { lazy,Suspense } from "react";
import Loading from "../component/Loading/Loading"
var ServePending = lazy(() => import("../view/Index/Service/ServePending/ServePending"))
var ServeRecord = lazy(() => import('../view/Index/Service/ServeRecord/ServeRecord'))
var ServeDetail = lazy(() => import('../view/Index/Service/SeverDetail/ServeDetail'))
var ServeEdit = lazy(() => import('../view/Index/Service/ServeEdit/ServeEdit'))
var ServeAdd = lazy(() => import('../view/Index/Service/SeverAdd/ServeAdd'))
var ServeRecordDetail = lazy(() => import('../view/Index/Service/ServeRecordDetail/ServeRecordDetail'))
//服务包
var AddServicePack = lazy(() => import('../view/Index/Datas/DataServicePack/AddServicePack/AddServicePack'))
var ServicePackDetail = lazy(() => import('../view/Index/Datas/DataServicePack/ServicePackDetail/ServicePackDetail'))
let Service: any = [
    { path: '/index/serve-pending', element: <Suspense fallback={<Loading/>}><ServePending /></Suspense> },
    { path: '/index/serve-record', element: <Suspense fallback={<Loading/>}><ServeRecord /></Suspense> },
    { path: '/index/serve-detail', element:  <Suspense fallback={<Loading/>}><ServeDetail /></Suspense>},
    { path: '/index/serve-edit', element:<Suspense fallback={<Loading/>}><ServeEdit /></Suspense>  },
    { path: '/index/serve-add', element: <Suspense fallback={<Loading/>}><ServeAdd /></Suspense> },
    { path: '/index/serverrecord-detail', element:<Suspense fallback={<Loading/>}><ServeRecordDetail /></Suspense>  },
    //新增服务包
    { path: '/index/datas-addservice-pack', element: <Suspense fallback={<Loading/>}><AddServicePack /></Suspense> },
    //服务包详情
    { path: '/index/datas-servicedetail-pack', element: <Suspense fallback={<Loading/>}><ServicePackDetail /></Suspense> },
]
export default Service